@charset "utf-8";
/* CSS Document */
/*通用样式*/
body {
    font-family: "Microsoft YaHei";
    font-size: 14px;
    background: url(../img/b54b5105c31908f7e296f829d301b936_origin.png);
}
a, a:hover {
    color: #333;
    text-decoration: none;
}
h7 {
    font-size: 12px;
}
.swiper-button-next, .swiper-button-prev {
    color: #c9a268!important
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link, .nav-pills .nav-link:hover {
    background-color: #c9a268!important; margin: 1px 1px;
}
.nav-pills .nav-link{margin: 1px 1px;}


.btn-warning {
    background-color: #c9a268!important;
    border-color: #c9a268!important
}
.bg-warning {
    background-color: #c9a268!important;
}
.text-warning {
    color: #c9a268!important;
}
/*顶部*/
img#appImg {
    top: 30px;
    right: 0px;
    transform: translateX(-8%);
    display: none;
    z-index: 1021;
}
#headerLeft:hover img#appImg {
    display: block;
}
#topBar a, a:hover {
    color: #fff;
}
.navbar-nav .nav-link {
    color: #fff!important;
}
.navbar-nav .active>.nav-link {
    color: #c9a268!important;
    border-bottom: 2px solid #c9a268;
}
.dropdown-menu {
    background-color: #343a40;
    border: none;
}
.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover{
    background-color: #c9a268;
}
.dropdown-item  {
    font-size: 14px;
    color: #fff;
    background-color: #343a40;
    border: none;
}

/*主营产品*/
#leftBorder {
    border-left: 5px solid #c9a268!important;
}
.newsTitle {
    height: 60px!important;
}
/*新闻中心*/
#nav-tab-news .nav-link.active {
    background-color: #fff!important;
    color: #333!important;
}
#nav-tab-news .nav-link {
    color: #9C9C9C;
}
#footerms, #footerms a, .text-hs {
    color: rgb(96, 96, 96)!important;
}
#footnav li {
    background-color: #212529!important;
}
.fa-home, .fa-product-hunt, .fa-adn, .fa-user-plus, .fa-location-arrow {
    font-size: 24px!important;
}
.friendlink> li > a, a:hover {
    color: rgb(96, 96, 96)!important;
}
/*关于我们*/
#breadcrumb {
    background-color: rgba(0,0,0,0.30);
    bottom: 0px;
    left: 0px;
}
#breadcrumb li a, a:hover {
    color: #fff!important;
}
.cluture {
    line-height: 30px;
}
.cltitle span {
    display: block;     /*设置为块级元素会独占一行形成上下居中的效果*/
    font-size: 1em;
    color: #212121;
    position: relative;   /*定位横线（当横线的父元素）*/
}
.cltitle span:before, .cltitle span:after {
    content: '';                 /*CSS伪类用法*/
    position: absolute;         /*定位背景横线的位置*/
    top: 50%;
    background: #c9a268;       /*宽和高做出来的背景横线*/
    width: 9%;
    height: 2px; 
}
.cltitle span:before {
    left: 30%;        /*调整背景横线的左右距离*/
}
.cltitle span:after {
    right: 30%;
}
@media (max-width: 767.98px) {
.cltitle span:before {
    left: 30px!important;        /*调整背景横线的左右距离*/
}
.cltitle span:after {
    right: 30px!important;
}
}
 /*产品列表*/
.card-title:hover {color:#131313!important; }
.tag{ float: left!important;width: 100%; margin-top: 5px!important;}
.tag :hover {color:#131313!important; font-size:12px!important; }
.page-link:hover, .page-link{color: #131313!important;font-size:14px!important;}
.page-item.active .page-link{color: #fff!important; background: #c9a268!important; border-color:#c9a268!important; }

 /*产品详情*/
 .swiper-container {
      width: 100%;
/*      height: 300px;*/
      margin-left: auto;
      margin-right: auto;
    }

    .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .gallery-top {
      height: 80%;
      width: 100%;
    }

    .gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }

    .gallery-thumbs .swiper-slide {
      height: 100%;
      opacity: 0.4;
    }

    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }
 /*新闻详情*/
.newsview img{max-width:100%;}

.cIco {width:30px; background: #c9a268; height:30px; border-radius: 50px; line-height: 30px!important; text-align: center; font-size:16px!important; color:#fff!important; margin-right: 8px;}
.more a:hover {color:#131313!important; font-size:14px!important; }
#nav-pro{ border:1px solid #dee2e6!important; border-top:none!important;}
#nav-pro img{max-width:100%!important;}
#nav-pro-tab, #nav-pro-tab:hover {color:#131313!important; font-size:14px!important;}